<script lang="ts">
import {defineComponent} from "vue";
import WallpaperContent from '@/components/content/wallpaper/index/index.vue'
import WallpaperFooter from '@/components/content/wallpaper/footer/index.vue'
import CommonFooter from '@/components/common/footer/index.vue'

export default defineComponent({
  components: {
    WallpaperContent, WallpaperFooter, CommonFooter
  },
})
</script>


<template>
  <div>
    <n-scrollbar style="max-height: 100vh">
      <n-layout-content>
        <n-loading-bar-provider>
          <wallpaper-content/>
        </n-loading-bar-provider>
      </n-layout-content>
      <n-layout-footer>
        <wallpaper-footer/>
        <common-footer/>
      </n-layout-footer>
    </n-scrollbar>
  </div>
</template>


<style scoped>

</style>